/**
* name: about.css
* author: lyf
* addTime: 2016.08.09
* editTime:
* description: 关于残友样式
*
***/

/********************************
****** name: g-about-intro
*********************************/
.g-cbanner{
	margin: 0 auto;
	height: 450px;
	background: url(../image/about/g-cbanner.jpg) no-repeat center center;

}
.g-cbanner-cont{
	margin: 0 auto;
	width: 1200px;
}
.g-cbanner-cont h2{
	padding: 140px 0 40px 0 ;
	font-family: "Microsoft Yahei";
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.g-cbanner-cont .g-cban-ul li{
	float: left;
	font-family: "Microsoft Yahei";
	color: #fff;
	text-align: center;
}
.g-cbanner-cont .g-cban-ul .firstchild{
    font-family: "Microsoft Yahei";
	color: #fff;
	font-size:18px; 
	font-weight: bold;
	text-align: center;
	margin-right: 36px;
}
.g-cban-ul .firstchild .life-style{
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../image/about/life-style.png) no-repeat center center;
}
.g-cban-ul .firstchild .life-style:hover{
	background: url(../image/about/life-style-hover.png) no-repeat center center;
}
.g-cban-ul .firstchild .revolution{
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../image/about/revolution.png) no-repeat center center;
}
.g-cban-ul .firstchild .revolution:hover{
	background: url(../image/about/revolution-hover.png) no-repeat center center;
}
.g-cban-ul .firstchild .tool{
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../image/about/tool.png) no-repeat center center;
}
.g-cban-ul .firstchild .tool:hover{
	background: url(../image/about/tool-hover.png) no-repeat center center;
}


.g-cban-ul .firstchild .charity{
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../image/about/charity.png) no-repeat center center;
}
.g-cban-ul .firstchild .charity:hover{
	background: url(../image/about/charity-hover.png) no-repeat center center;
}

.g-cban-ul .firstchild .company{
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../image/about/company.png) no-repeat center center;
}
.g-cban-ul .firstchild .company:hover{
	background: url(../image/about/company-hover.png) no-repeat center center;
}

.g-cban-ul .firstchild .parti{
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../image/about/economic-actor.png) no-repeat center center;
}
.g-cban-ul .firstchild .parti:hover{
	background: url(../image/about/economic-actor-hover.png) no-repeat center center;
}

.g-cban-ul .firstchild .story{
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../image/about/story.png) no-repeat center center;
}
.g-cban-ul .firstchild .story:hover{
	background: url(../image/about/story-hover.png) no-repeat center center;
}

.g-cban-ul .firstchild .friend{
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../image/about/friend.png) no-repeat center center;
}
.g-cban-ul .firstchild .friend:hover{
	background: url(../image/about/friend-hover.png) no-repeat center center;
}
.g-cban-ul .firstchild span{
	display: block;
	width: 118px;
	text-align: center;
}
.g-cban-ul .firstchild .g-cban-title{
	font-family: "Microsoft Yahei";
	color: #fff;
	font-size:18px; 
	font-weight: bold;
	line-height: 24px;
	margin: 15px 0 15px 0;
}
.g-cban-ul .firstchild .g-cban-cont{
	font-family: "SimSun";
	color: #fff;
	font-size:12px; 
	line-height: 20px;
	font-weight: normal;
}

/**************g-cbanner end****************/


.g-about-intro {
	height: 600px;
	margin-bottom: 50px;
}

.g-about-introcont {
	width: 1200px;
	margin: 0 auto;
	padding: 70px 0 80px 0;
}

.about-intro-img {
	float: left;
}

.about-intro-img img {
	margin-top: 45px;
}

.about-intro-mcont {
	float: right;
	width: 708px;
}

.about-intro-mcont h2 {
	margin: 0 0 32px;
	text-align: left;
	font-size: 25px;
	font-weight: bold;
	color: #333;
	font-family: "Microsoft Yahei";
	line-height: 25px;
}

.about-intro-mcont p {
	margin: 0 0 20px;
	font-size: 14px;
	color: #333;
	line-height: 30px;
	text-align: left;
	text-indent: 2em;
	text-align:justify;
}

.about-intro-mcont p:last-child {
	margin: 0;
}
/*******g-about-intro end***************/
/********************************
****** name: gculture-value
*********************************/
.gculture-value{
	margin: 0 auto;
	height: 578px;
	background: url(../image/about/gculture-value.jpg) no-repeat center center;

}
.gculvalue-cont {
    width: 1200px;
    margin: 0 auto;
    padding-top: 87px;
    text-align: center;
}
.gculture-title {
    display: inline-block;
}
.gculture-title span {
    display: block;
    float: left;
    width: 169px;
    height: 25px;
    background: url(../image/about/titleline.png) no-repeat left center;
}
.gculture-title h2 {
    display: block;
    float: left;
    margin: 0 20px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    font-family: "Microsoft Yahei";
}
.culture-values-cont {
    margin-top: 125px;
}
.culture-values-cont > div {
    float: left;
    width: 390px;
    height: 145px;
    padding: 55px 0 0;
    text-align: center;
    cursor: pointer;
    background: #fff;
}
.culture-values-cont > div:hover {
    cursor: default;
    box-shadow: 0 17px 50px 0 rgba(0,0,0,.19);
    transform: translate3d(0,-2px,0);
    transition: all .3s cubic-bezier(.55,0,.1,1);
}
.culval-vision .culval-values-icon {
    background: url(../image/about/wish.png) no-repeat center center;
}
.culture-values-cont .culval-values-icon {
    width: 80px;
    height: 81px;
    margin: -100px 0 0 155px;
}
.culture-values-cont h2 {
    margin: 10px 0 0;
    font-size: 20px;
    font-weight: bold;
    font-family: "Microsoft Yahei";
    line-height: 24px;
    color: #666;
}
.culture-values-cont span.font {
    display: block;
    margin: 20px 0 0;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.culture-values-cont > div {
    float: left;
    width: 390px;
    height: 145px;
    padding: 55px 0 0;
    text-align: center;
    cursor: pointer;
    background: #fff;
}
.culval-values {
    margin: 0 15px;
}
.culval-values .culval-values-icon {
    background: url(../image/about/value.png) no-repeat center center;

}
.culval-mission .culval-values-icon {
    background: url(../image/about/mission.png) no-repeat center center;
}
/***** gculture-value ***********/

/********************************
****** name: g-about-founder
*********************************/

.g-about-founder {
	height: 597px;
	background: #f4f4f4;
}

.g-about-foundercont {
	width: 1200px;
	margin: 0 auto;
	padding: 84px 0 0;
}

.about-founder-title {
	margin-left: 350px;
	margin-bottom: 54px;
}

.about-founder-title span {
	display: block;
    float: left;
    width: 169px;
    height: 28.5px;
    background: url(../image/about/titleline-three.jpg) no-repeat left center;
}

.about-founder-title h2 {
	display: inline-block;
	float: left;
	margin: 0 20px;
	color: #333;
	font-size: 25px;
	font-weight: bold;
	font-family: "Microsoft Yahei";
}

.about-founder-cont {
	margin: 33px 0 0;
}

.about-founder-mfont {
	float: left;
	width: 855px;
}
.about-founder-mfont ul{
	font-size: 14px;
    line-height: 30px;
    color: #333;
    margin-bottom: 30px;
}
.about-founder-mfont ul li{
	display: block;
	padding-left: 25px;
	line-height: 30px;
	background: url(../image/about/spot.png) no-repeat left center;
}

.about-founder-mfont p {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	text-indent: 2em;
	text-align:justify;
	letter-spacing: 0.6px;
}

.about-founder-mfont p:last-child {
	margin: 0;
}

.about-founder-img {
	float: right;
}

.about-founder-img .aboug-intro-title {
	display: block;
	margin-top: 10px;
	text-align: center;;
	font-size: 20px;
	color: #333;
	font-family: "Microsoft Yahei";
}

/*******g-about-founder end***************/

/********************************
****** name: g-about-course
*********************************/

.g-about-course {
	height: 408px;
	background: #fff;
}

.about-course-cont {
	width: 1200px;
	margin: 0 auto;
	padding: 78px 0 0;
}

.about-course-title {
	margin-left: 350px;
}

.about-course-title span {
	display: block;
    float: left;
    width: 169px;
    height: 28.5px;
    background: url(../image/about/titleline-grey.jpg) no-repeat left center;
}

.about-course-title h2 {
	display: inline-block;
	float: left;
	margin: 0 20px;
	color: #333;
	font-size: 25px;
	font-weight: bold;
	font-family: "Microsoft Yahei";
}

.about-course-year {
	width: 1200px;
	height: 168px;
	margin: 80px 0 0;
	background: url(../image/about/line.png) no-repeat left center;
}

.about-course-year li {
	float: left;
	cursor: pointer;
}

.about-cyear-cont {
	width: 100px;
	text-align: center;
	cursor: default;
}

.about-cyear-cont span.top {
	display: inline-block;
	width: 62px;
	height: 67px;
	padding: 21px 0 0;
	color: #346294;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	font-family: "Microsoft Yahei";
	background: url(../image/about/top.png) no-repeat center center;
}

.about-course-year li.hover .about-cyear-cont span.top {
	background: url(../image/about/top-hover.png) no-repeat center center;
}

.about-cyear-cont span.bottom {
	display: inline-block;
	width: 62px;
	height: 40px;
	padding: 48px 0 0;
	color: #346294;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	font-family: "Microsoft Yahei";
	background: url(../image/about/bottom.png) no-repeat center center;
}

.about-course-year li.hover .about-cyear-cont span.bottom {
	background: url(../image/about/bottom-hover.png) no-repeat center center;
}

.about-cyear-cont p.top {
	height: 80px;
	color: #333;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
}

.about-course-year li.hover .about-cyear-cont p.top {
	color: #333;
}

.about-cyear-cont p.bottom {
	margin: 12px 0 0;
	color: #333;
	line-height: 24px;
	text-align: center;
}

.about-course-year li.hover .about-cyear-cont p.bottom {
	color: #333;
}

/*******g-about-course end***************/

/********************************
****** name: g-about-honor
*********************************/

.g-about-honor {
	height: 639px;
	padding: 73px 0 0;
	background: url(../image/about/honorbg.jpg) no-repeat center center;
}

.about-honor-imgcont {
	width: 1200px;
	margin: 0 auto;
	background: #7a9dc6;
}

.about-honor-cont {
	width: 1200px;
	height: 552px;
	background: url(../image/about/hline.png) no-repeat center center;
}

.about-honor-lpart {
	float: left;
	width: 174px;
	padding: 47px 0 0 24px;
}

.about-honor-lpart a {
	display: block;
	margin: 0 0 13px;
}

.about-honor-rpart {
	float: right;
	width: 200px;
	padding: 35px 0 0 0;
}

.about-honor-rpart a {
	display: block;
	margin: 0 0 13px 23px;
}

.about-honor-mpart {
	float: left;
	width: 802px;
}

.about-honor-mtpart {
}

.about-honor-mtpart > a,
.about-honor-mtpart div {
	float: left;
}

.about-honor-mtpart a.m5 {
	margin: 185px 0 0 40px;
}

.about-honor-mtpart a.m6 {
	margin: 80px 0 0 86px;
}

.about-honor-mtpart a.m7 {
	margin: 138px 0 0 84px;
}

.about-honor-mtpart a.m8 {
	margin: 80px 0 0 80px;
}

.about-honor-mtpart div {
	width: 101px;
	margin: 0 0 0 60px;
	padding: 40px 0 0;
	text-align: center;
}

.about-honor-mtpart a.m10 {
	display: block;
	margin: 15px 0 0;
}

.about-honor-mbpart {
	padding: 48px 0 0;
}

.about-honor-mbpart a {
	float: left;
	margin: 0 0 0 40px;
}

/*******g-about-honor end***************/

/********************************
****** name: g-about-linkus
*********************************/

.g-about-linkus {
	height: 919px;
	background: #fff url(../image/about/linkusbg.jpg) no-repeat center top;
}

.about-linkus-cont {
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0 0;
}

.about-linkus-title {
	margin-left: 350px;
}

.about-linkus-title span {
	display: block;
    float: left;
    width: 169px;
    height: 28.5px;
    background: url(../image/about/titleline-two.png) no-repeat left center;
}

.about-linkus-title h2 {
	display: inline-block;
	float: left;
	margin: 0 20px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	font-family: "Microsoft Yahei";
}

.about-linkus-mcont {
	width: 1200px;
	margin: 80px 0 0;
	padding: 20px 0 0;
	background: #fff;
}

.about-luscont {
	float: left;
	padding: 0 0 0 40px;
}

.about-luscont li {
	margin: 20px 0 0;
}

.about-luscont li span {
	float: left;
	display: block;
	width: 50px;
	height: 50px;
}

.about-luscont li span.main {
	background:  url(../image/about/link-index.png) no-repeat center center;
}

.about-luscont li span.address {
	background:  url(../image/about/link-address.png) no-repeat center center;
}

.about-luscont li span.postcode {
	background: url(../image/about/link-email.png) no-repeat center center;
}

.about-luscont li span.phone {
	background: url(../image/about/link-phone.png) no-repeat center center;
}

.about-luscont li span.lperson {
	background: url(../image/about/link-people.png) no-repeat center center;
}

.about-luscont li span.lphone {
	background: url(../image/about/link-mobile.png) no-repeat center center;
}

.about-luscont li span.fax {
	background: url(../image/about/link-fox.png) no-repeat center center;
}

.about-luscont li span.email {
	background: url(../image/about/link-gmail.png) no-repeat center center;
}

.about-luscont li h5 {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 300px;
	margin: 0 0 0 15px;
	color: #333;
	font-size: 14px;
	font-weight: normal;
}

.about-luscont li h5.title {
    font-weight: bold;
}

.about-luscont li h5.address {
	line-height: 25px;
}

.about-ruscont {
	float: right;
	width: 735px;
	padding: 20px 0 0;
	text-align: left;
}

.about-ruscont-title {
	height: 50px;
}

.about-ruscont-title span {
	float: left;
	width: 50px;
	height: 50px;
	background: url(../image/about/link-car.png) no-repeat center center;
}

.about-ruscont-title h5 {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 400px;
	margin: 0 0 0 15px;
	color: #333;
	font-size: 14px;
}

.about-ruscont-ul {
	margin: 8px 0 0;
}

.about-ruscont-ul li {
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 22px;
}

.about-ruscont-ul li span {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 10px 0 0;
	font-size: 14px;
	background: #70d195;
}

.about-ruscont-img {
	margin: 38px 0 0;
}

/*******g-about-linkus end***************/
